// component/Tabs/Tabs.js
Component({
	/**
	 * 组件的属性列表
	 * 在properties对象中，做父组件数据的接收
	 */
	properties: {

		TabsArray:{
			type:Array,
			value:""
		}

	},

	/**
	 * 组件的初始数据
	 */
	data: {
	
	},

	/**
	 * 1. 页面.JS文件中，存放事件回调函数的时候，存在data同层级下
	 * 2. 组件.js文件中，存在时间回调函数的时候，必须存放在methods中
	 */
	methods: {
	
		hanldeItemTap(e){
			// 5. 触发点击事件的时候，需要触发父组件中的自定义事件，同时传递数据给父组件
			// this.triggerEvent("父组件自定义事件的名称","要传递的参数")
			this.triggerEvent("itemChang", e.currentTarget.dataset)
			// console.log(e)

			// 方式一：使用[].forEach 遍历数组，遍历数组的时候，修改了v，也会导致源数组被修改
			// tabs.forEach(
			// 	(v,i)=>i===index? v.isActive=true:v.isActive=false
			// );
			// 方式二：使用for循环
			// for(var n = 0; n < tabs.length; n++){
			// 	n === index? tabs[n].isActive=true:tabs[n].isActive=false
			// }
			// this.setData({
			// 	tabs:tabs
			// })

		}
	}
})
